<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"  
    pageEncoding="UTF-8"%>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<%@ include file="/common/taglibs.jsp"%>
<html>
<!--<![endif]-->
<head>
<base target="_self" />
<title></title>
<link rel="stylesheet" href="${ctx}/styles/css/base.css" />
<link rel="stylesheet" href="${ctx}/styles/css/common.css" />
<link href="${ctx}/styles/css/evol.colorpicker.min.css" rel="stylesheet" />
<script src="${ctxStatic}/jquery/jquery-2.0.2.min.js" type="text/javascript"></script>
<script src="http://www.jq22.com/jquery/jquery-ui-1.10.2.js" type="text/javascript"></script>
<script src="${ctx}/js/evol.colorpicker.min.js" type="text/javascript"></script>
<style type="text/css">
   .in1{
   	padding:0px !important;
   }
   .evo-pop{
   	position: none !important;
   	float:left;
   }
</style>
</head>
<body style="height:800px">
		<!--轮播-->
			<div class="limit"> 
				<h1 class="title">轮播</h1>
				<div class="content">
					<!--html处理-->
					<div class="slider" id="slider" e-fun="slider">
						<a href="javascript:"><img src="${ctx}/images/1.jpg" alt="" /></a>
						<a href="javascript:"><img src="${ctx}/images/2.jpg" alt="" /></a>
						<a href="javascript:"><img src="${ctx}/images/3.jpg" alt="" /></a>
						<a href="javascript:"><img src="${ctx}/images/4.jpg" alt="" /></a>
						<a href="javascript:"><img src="${ctx}/images/5.jpg" alt="" /></a>
					</div>
					<!--操作-->
					<form id="inputForm" action="${ctx}/bannerbase/save.do"
		method="post"  class="form-horizontal autoHeight"  style="overflow:auto;">
		<s:token name="pengtu"></s:token>
					<div class="demoDo">
						<h3 class="title">基础设置</h3>
						<ul class="demo-list clear">
							<li class="clear">
								<span>timeout(时间间隔)：</span>
								<input type="text" value="3000" name="timeout"/>
							</li>
							<li class="clear">
								<span>moveTime(动画时间)：</span>
								<input type="text"  value="300" name="moveTime"/>
							</li>
							<li class="clear">
								<span>autoSlider(是否自动轮播)：</span>
								<div e-fun="dropBox" e-val=0 class="demoDrop clear">
									<input readonly type="text" value="true" class="in1" name="autoSlider"/>
									<i class="fa fa-chevron-down"></i>
									<ul class="">
										<li>true</li>
										<li>false</li>
									</ul>
								</div>
							</li>
							<li class="clear">
								<span>moveStyle(动画效果)：</span>
								<div e-fun="dropBox" e-val=0 class="demoDrop clear">
									<input readonly type="text" value="slide" class="in1" name="moveStyle"/>
									<i class="fa fa-chevron-down"></i>
									<ul class="">
										<li>slide</li>
										<li>fade</li>
									</ul>
								</div>
							</li>
							<li class="clear">
								<span>addTag(是否创建圆点标记)：</span>
								<div e-fun="dropBox" e-val=0 class="demoDrop clear">
									<input readonly type="text" value="true" class="in1" name="addTag"/>
									<i class="fa fa-chevron-down"></i>
									<ul class="">
										<li>true</li>
										<li>false</li>
									</ul>
								</div>
							</li>
							<li class="clear">
								<span>tagSize(圆点的尺寸)：</span>
								<input type="text"  value="12" name="tagSize"/>
							</li>
							<li class="clear">
								<span>tagDefaultBg(圆点标记的默认背景)：</span>
								<input type="text"  value="#fff" name="tagDefaultBg"/>
							</li>
							<li class="clear">
								<span>tagActiveBg(圆点标记选中背景)：</span>
								<input type="text"  value="#5638d8" name="tagActiveBg"/>
							</li>
							<li class="clear">
								<span>btnShow(是否显示左右按钮)：</span>
								<div e-fun="dropBox" e-val=0 class="demoDrop clear">
									<input readonly type="text" value="true" class="in1" name="btnShow"/>
									<i class="fa fa-chevron-down"></i>
									<ul class="">
										<li>true</li>
										<li>false</li>
									</ul>
								</div>
							</li>
							<li class="clear">
								<span>btnW(按钮的宽度)：</span>
								<input type="text"  value="30" name="btnW"/>
							</li>
							<li class="clear">
								<span>btnH(按钮的高度)：</span>
								<input type="text"  value="60" name="btnH"/>
							</li>
							<li class="clear">
								<span>btnBg(按钮的背景)：</span>
								<input type="text"  value="#fff" id="cp1" name="btnBg"/>
							</li>
						</ul>
						<a class="demo-a" id="slider_a" href="javascript:">预览</a>
					</div>
					<div class="form-actions" style="text-align:center;padding-left:0px;">
			   <input id="btnSubmit"  class="btn submit btn-primary" type="button" value="保 存" />
	  </div>
					</form>
				</div>
			</div>
<script type="text/javascript" src="${ctx}/js/simba.webSite.js"></script>		
<script type="text/javascript" src="${ctx}/js/common.js"></script>
<script>

$(document).ready(function(){
	// Events demo
	$('#cp1').colorpicker({color:'#8db3e2',
		initialHistory: ['#ff0000','#000000','red']
})
});

</script>
</body>
